<!DOCTYPE html>
<html>

<head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Hello, World</title>
    <style type="text/css">
        html {
            height: 100%
        }
        
        body {
            height: 100%;
            margin: 0px;
            padding: 0px
        }
        
        #container {
            height: 100%
        }
    </style>

    <script type="text/javascript" src="map_load.js"></script>

</head>

<body>
    <div id="container"></div>
    <script type="text/javascript">
        var outputPath = 'tiles/'; //地图瓦片所在的文件夹
        var fromat = ".jpg"; //格式

        /*var tileLayer = new BMap.TileLayer();
        tileLayer.getTilesUrl = function (tileCoord, zoom) {
        	var x = tileCoord.x;
        	var y = tileCoord.y;
        	var url = outputPath + zoom + '/' + x + '/' + y + fromat;
        	return url;
        }
        var tileMapType = new BMap.MapType('tileMapType', tileLayer);*/

        var map = new BMap.Map("container")

        var point = new BMap.Point(116.404, 39.915); // 创建点坐标  
        map.centerAndZoom(point, 6); // 初始化地图，设置中心点坐标和地图级别  
        //添加地图类型控件
        map.addControl(new BMap.MapTypeControl({
            mapTypes: [
                BMAP_NORMAL_MAP,
                BMAP_HYBRID_MAP
            ]
        }));
        map.setCurrentCity("北京"); // 设置地图显示的城市 此项是必须设置的
        map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
        //单击获取点击的经纬度
        map.addEventListener("click", function(e) {
            // alert(e.point.lng + "," + e.point.lat);
        });
        var marker4 = new BMap.Marker(new BMap.Point(116.415, 39.931));
        // 在地图上添加点标记
        map.addOverlay(marker4);
    </script>
</body>

</html>